<!-- 分享内容组件 -->
<template>
  <div class="fxnr">
    <img :src="imsrc" alt="" />
    <div class="fxnr1">
      <p class="fxnr2">{{title}}</p>
      <p class="fxnr3">{{nr}}</p>
    </div>
    <div class="fxnr4">{{rb}}</div>
  </div>
</template>

<script>


export default {
  components: {},
  data() {
    return {
      nrsj: [],
    };
  },
  props:["title","nr","rb","imsrc"],
  computed: {},
  watch: {},
  methods: {},
  created() {
 
  },
  mounted() {

  },
};
</script>
<style scoped>
.fxnr {
  font-size: 0.16rem;
  width: 3.29rem;
  height: 0.97rem;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content:space-between;
  border-bottom: 2px solid #f6f6f6;
}
img {
  width: 0.39rem;
  background-color: #fd4e51;
}
.fxnr2 {
  font-size: 0.2rem;
  margin-bottom: 0.1rem;
  color: #1c1c1c;
  width: 1.2rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

}
.fxnr3 {
  font-size: 0.2rem;
  color: #9a9a9a;
  width: 1.4rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fxnr4 {
  width: 1.1rem;
  height: 0.52rem;
  border: 1px solid #f74e40;
  text-align: center;
  color: #f74e40;
  line-height: 0.52rem;
  font-size: 0.2rem;
  border-radius: 1rem;
}
</style>